@import './reset';
.container{
	width: 100%;
	height: 100vh;
	background: white;
	overflow: auto;
	box-sizing: border-box;
	.lists-wrap{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding: 0 calculateRem(16px);
		.list{
			width: 100%;
			height: auto;
			box-sizing: border-box;
			border-bottom: 1px solid #EAEAEA;
			padding: calculateRem(14px) 0;
			&:active{
				background-color: #fbfbfb;
			}
			.list-l{
				width: calculateRem(80px);
				height: calculateRem(80px);
				margin-right: calculateRem(15px);
				overflow: hidden;
				>img{
					width: 100%;
					height: 100%;
				}

			}
			.list-r{
				max-width: 72%;
				.t{
					width: 100%;
					height: calculateRem(22px);
					line-height: calculateRem(22px);
					font-size: calculateRem(16px);
					color: #333;
					font-weight: bold;
					@include ell;

				}
				.content{
					width: 100%;
					height: calculateRem(60px);
					line-height: calculateRem(20px);
					color: #4b4b4b;
					font-size: calculateRem(14px);
					@include break;
					@include mulell(3);
					overflow: hidden;
				}
			}
		}
	}
	.empty{
		width: 100%;
		overflow: hidden;
		text-align: center;
		>img{
			width: calculateRem(60px);
			height: calculateRem(60px);
			margin-top: calculateRem(61px);
		}
		>p{
			font-size: calculateRem(16px);
			color: #999999;
			line-height: calculateRem(24px);
			margin: 0;
			margin-top: calculateRem(14px);
			text-align: center;
		}
	}
}